{extend name="template/layout"/}
{block name="main"}
<div class="content">
    <hello-world></hello-world>
    <!-- <i-button @click="show">Click me!</i-button> -->
    <Modal v-model="visible" title="Welcome">Welcome to ViewUI</Modal>
</div>
{/block}

{block name="script"}
{include file="components/Hello/index" /}
<script>
    function _init() {
        return {
            data: {
                visible: false,
            },
            methods: {
                show: function () {
                    this.visible = true;
                }
            }
        }
    }
</script>
{/block}